
body,
html {
  font-family: Arial, "Poppins", sans-serif;
  background: #f5f5f5;
  
}
*{
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}

.info-search-list {
  display: flex;
  margin: 20px 0;
  li {
    cursor: pointer;
    color: #353535;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    min-width: 70px;
    text-align: center;
    white-space: nowrap;
    margin-right: 10px;
  }
  li.active {
    background: #ffffff;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #0071c1;
    color: #0071c1;
  }
}
.home-index {
  display: flex;
  margin: 206px auto 20px;
  max-width: 1200px;
  overflow: hidden;
  width: 100%;
}
.home-index .content-box {
  margin-left: 20px;
  flex: 1;
  width: calc(100% - 254px);
}
.el-icon-search {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(./images/search.png) no-repeat;
  background-size: 100%;
}
.el-input {
  font-size: 14px;
  position: relative;
}

.el-input::-webkit-scrollbar {
  width: 6px;
  z-index: 11;
}

.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}

.el-input::-webkit-scrollbar-thumb {
  background: #b4bccc;
  border-radius: 5px;
  width: 6px;
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
  background: #fff;
}

.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}

.el-input .el-input__clear {
  color: #c0c4cc;
  cursor: pointer;
  font-size: 14px;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-input .el-input__clear:hover {
  color: #909399;
}

.el-input .el-input__count {
  align-items: center;
  color: #909399;
  display: inline-flex;
  font-size: 12px;
  height: 100%;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input,
.el-input__inner {
  font-size: inherit;
}

.el-input .el-input__count .el-input__count-inner {
  background: #fff;
  display: inline-block;
  line-height: normal;
  padding: 0 5px;
}

.el-input__inner {
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}

.el-input__inner::-ms-reveal {
  display: none;
}

.el-input__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-input__inner::placeholder {
  color: #c0c4cc;
}

.el-input__inner:hover {
  border-color: #c0c4cc;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: #409eff;
  outline: 0;
}

.el-input__suffix {
  height: 100%;
  pointer-events: none;
  right: 5px;
  transition: all 0.3s;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  height: 100%;
  left: 5px;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  line-height: 40px;
  text-align: center;
  transition: all 0.3s;
  width: 25px;
}

.el-input__icon:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-disabled .el-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner::placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-image-viewer__btn,
.el-image__preview,
.el-link,
.el-transfer-panel__filter .el-icon-circle-close {
  cursor: pointer;
}

.el-input.is-exceed .el-input__inner {
  border-color: #f56c6c;
}

.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #f56c6c;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}

.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  border-collapse: separate;
  border-spacing: 0;
  display: inline-table;
  line-height: normal;
  width: 100%;
}

.el-input-group > .el-input__inner {
  display: table-cell;
  vertical-align: middle;
}

.el-input-group__append,
.el-input-group__prepend {
  background-color: #f5f7fa;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  color: #909399;
  display: table-cell;
  padding: 0 20px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  width: 1px;
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
  outline: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
  display: inline-block;
  margin: -10px -20px;
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  background-color: transparent;
  border-color: transparent;
  border-bottom: 0;
  border-top: 0;
  color: inherit;
}

.el-input-group__prepend {
  border-right: 0;
}

.el-input-group__append {
  border-bottom-left-radius: 0;
  border-left: 0;
  border-top-left-radius: 0;
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--prepend .el-input__inner {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.el-input__inner::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}
.el-button {
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  box-sizing: border-box;
  color: #606266;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  outline: 0;
  padding: 0 20px;
  height: 42px;
  text-align: center;
  transition: 0.1s;
  white-space: nowrap;
}
.el-button.disabled,
.el-button.disabled:hover{
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}
.el-button + .el-button,
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}

.el-button:focus,
.el-button:hover {
  background-color: #ecf5ff;
  border-color: #c6e2ff;
  color: #409eff;
}

.el-button:active {
  border-color: #3a8ee6;
  color: #3a8ee6;
  outline: 0;
}

.el-button::-moz-focus-inner {
  border: 0;
}

.el-button [class*="el-icon-"] + span {
  margin-left: 5px;
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
  background: #fff;
  border-color: #409eff;
  color: #409eff;
}

.el-button.is-active,
.el-button.is-plain:active {
  border-color: #3a8ee6;
  color: #3a8ee6;
}

.el-button.is-plain:active {
  background: #fff;
  outline: 0;
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
  background-color: #fff;
  background-image: none;
  border-color: #ebeef5;
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-button.is-disabled.el-button--text {
  background-color: transparent;
}

.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
  background-color: #fff;
  border-color: #ebeef5;
  color: #c0c4cc;
}

.el-button.is-loading {
  pointer-events: none;
  position: relative;
}

.el-button.is-loading:before {
  background-color: hsla(0, 0%, 100%, 0.35);
  border-radius: inherit;
  bottom: -1px;
  content: "";
  left: -1px;
  pointer-events: none;
  position: absolute;
  right: -1px;
  top: -1px;
}

.el-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}

.el-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}

.el-button--primary {
  background-color: #409eff;
  border-color: #409eff;
  color: #fff;
}

.el-button--primary:focus,
.el-button--primary:hover {
  background: #66b1ff;
  border-color: #66b1ff;
  color: #fff;
}

.el-button--primary.is-active,
.el-button--primary:active {
  background: #3a8ee6;
  border-color: #3a8ee6;
  color: #fff;
}

.el-button--primary:active {
  outline: 0;
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
  background-color: #a0cfff;
  border-color: #a0cfff;
  color: #fff;
}

.el-button--primary.is-plain {
  background: #ecf5ff;
  border-color: #b3d8ff;
  color: #409eff;
}

.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
  background: #409eff;
  border-color: #409eff;
  color: #fff;
}

.el-button--primary.is-plain:active {
  background: #3a8ee6;
  border-color: #3a8ee6;
  color: #fff;
  outline: 0;
}

.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover {
  background-color: #ecf5ff;
  border-color: #d9ecff;
  color: #8cc5ff;
}

.el-button--success {
  background-color: #67c23a;
  border-color: #67c23a;
  color: #fff;
}

.el-button--success:focus,
.el-button--success:hover {
  background: #85ce61;
  border-color: #85ce61;
  color: #fff;
}

.el-button--success.is-active,
.el-button--success:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #fff;
}

.el-button--success:active {
  outline: 0;
}

.el-button--success.is-disabled,
.el-button--success.is-disabled:active,
.el-button--success.is-disabled:focus,
.el-button--success.is-disabled:hover {
  background-color: #b3e19d;
  border-color: #b3e19d;
  color: #fff;
}

.el-button--success.is-plain {
  background: #f0f9eb;
  border-color: #c2e7b0;
  color: #67c23a;
}

.el-button--success.is-plain:focus,
.el-button--success.is-plain:hover {
  background: #67c23a;
  border-color: #67c23a;
  color: #fff;
}

.el-button--success.is-plain:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #fff;
  outline: 0;
}

.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #a4da89;
}

.el-button--warning {
  background-color: #e6a23c;
  border-color: #e6a23c;
  color: #fff;
}

.el-button--warning:focus,
.el-button--warning:hover {
  background: #ebb563;
  border-color: #ebb563;
  color: #fff;
}

.el-button--warning.is-active,
.el-button--warning:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #fff;
}

.el-button--warning:active {
  outline: 0;
}

.el-button--warning.is-disabled,
.el-button--warning.is-disabled:active,
.el-button--warning.is-disabled:focus,
.el-button--warning.is-disabled:hover {
  background-color: #f3d19e;
  border-color: #f3d19e;
  color: #fff;
}

.el-button--warning.is-plain {
  background: #fdf6ec;
  border-color: #f5dab1;
  color: #e6a23c;
}

.el-button--warning.is-plain:focus,
.el-button--warning.is-plain:hover {
  background: #e6a23c;
  border-color: #e6a23c;
  color: #fff;
}

.el-button--warning.is-plain:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #fff;
  outline: 0;
}

.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #f0c78a;
}

.el-button--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
}

.el-button--danger:focus,
.el-button--danger:hover {
  background: #f78989;
  border-color: #f78989;
  color: #fff;
}

.el-button--danger.is-active,
.el-button--danger:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #fff;
}

.el-button--danger:active {
  outline: 0;
}

.el-button--danger.is-disabled,
.el-button--danger.is-disabled:active,
.el-button--danger.is-disabled:focus,
.el-button--danger.is-disabled:hover {
  background-color: #fab6b6;
  border-color: #fab6b6;
  color: #fff;
}

.el-button--danger.is-plain {
  background: #fef0f0;
  border-color: #fbc4c4;
  color: #f56c6c;
}

.el-button--danger.is-plain:focus,
.el-button--danger.is-plain:hover {
  background: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
}

.el-button--danger.is-plain:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #fff;
  outline: 0;
}

.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #f9a7a7;
}

.el-button--info {
  background-color: #909399;
  border-color: #909399;
  color: #fff;
}

.el-button--info:focus,
.el-button--info:hover {
  background: #a6a9ad;
  border-color: #a6a9ad;
  color: #fff;
}

.el-button--info.is-active,
.el-button--info:active {
  background: #82848a;
  border-color: #82848a;
  color: #fff;
}

.el-button--info:active {
  outline: 0;
}

.el-button--info.is-disabled,
.el-button--info.is-disabled:active,
.el-button--info.is-disabled:focus,
.el-button--info.is-disabled:hover {
  background-color: #c8c9cc;
  border-color: #c8c9cc;
  color: #fff;
}

.el-button--info.is-plain {
  background: #f4f4f5;
  border-color: #d3d4d6;
  color: #909399;
}

.el-button--info.is-plain:focus,
.el-button--info.is-plain:hover {
  background: #909399;
  border-color: #909399;
  color: #fff;
}

.el-button--info.is-plain:active {
  background: #82848a;
  border-color: #82848a;
  color: #fff;
  outline: 0;
}

.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #bcbec2;
}

.el-button--medium {
  border-radius: 4px;
  font-size: 14px;
  padding: 10px 20px;
}

.el-button--medium.is-round {
  padding: 10px 20px;
}

.el-button--medium.is-circle {
  padding: 10px;
}

.el-button--small {
  border-radius: 3px;
  font-size: 12px;
  padding: 9px 15px;
}

.el-button--small.is-round {
  padding: 9px 15px;
}

.el-button--small.is-circle {
  padding: 9px;
}

.el-button--mini,
.el-button--mini.is-round {
  padding: 7px 15px;
}

.el-button--mini {
  border-radius: 3px;
  font-size: 12px;
}

.el-button--mini.is-circle {
  padding: 7px;
}

.wrapper a,
ul {
  margin: 0;
  outline: none;
  padding: 0;
}

.wrapper a {
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.wrapper a:active,
.wrapper a:hover,
.wrapper a:link,
.wrapper a:visited {
  outline: none;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.wrapper dd,
.wrapper dl,
.wrapper p {
  margin: 0;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.text-right {
  text-align: right;
}
.index-top {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
  z-index: 999;
  background-color: #f5f5f5;
}
.index-top .nav-title .list-text{
  display: none;
}
p {
  margin: 0;
  padding: 0;
}

.home-top-nav .el-backtop {
  background-color: transparent;
  border-radius: inherit;
  display: block;
  height: 60px;
  width: 60px;
}

.home-top-nav .el-dialog__body,
.home-top-nav .el-dialog__header {
  padding: 0;
}

.home-top-nav {
  background-color: #0071c1;
  color: #fff;
  max-width: 1920px;
  width: 100%;
}
.home-top-nav .nav-title{
  font-size: 24px;
}
.home-top-nav .top-nav-index {
  margin: 0 auto;
  overflow: hidden;
  padding: 12px 0;
  width: 1200px;
}

.home-top-nav .top-nav-index .nav-list {
  float: right;
  overflow: hidden;
  margin-top: 5px;
}

.home-top-nav .top-nav-index .nav-list .list-text {
  cursor: pointer;
  float: left;
  font-size: 12px;
  margin-right: 10px;
}

.home-top-nav .top-nav-index .nav-list .list-box {
  float: left;
  overflow: hidden;
}

.home-top-nav .top-nav-index .nav-list .list-box .box-quick {
  background: url()
    11px no-repeat;
  background-size: 20px;
  cursor: pointer;
  float: left;
  font-size: 12px;
  line-height: 20px;
  margin-right: 10px;
  padding-left: 41px;
}

.home-top-nav .top-nav-index .nav-list .list-box .box-quick.Orders {
  background-image: url();
  background-size: 18px;
}

.home-top-nav .top-nav-index .nav-list .list-box .box-quick.Favourite {
  background-image: url();
}

.home-top-nav .top-nav-index .nav-list .list-box .box-quick.Message {
  background-image: url();
  position: relative;
}

.home-top-nav .top-nav-index .nav-list .list-box .box-quick.coupon {
  background-image: url(/_nuxt/img/index-coupon-icon.55bbb80.png);
  position: relative;
}

.home-top-nav .top-nav-index .nav-list .list-box .box-quick .quick-text {
  background-color: #f20;
  border-radius: 6px;
  display: block;
  line-height: normal;
  padding: 0 5px;
  position: absolute;
  right: -10px;
  top: 0;
}

.log-out {
  color: #0071c1;
}

.log-out-btn {
  background-color: #0071c1;
  border-color: #0071c1;
}

.welcome-content {
  position: relative;
}

.welcome-content .content-img {
  display: block;
  width: 100%;
}

.welcome-content .content-btn {
  background: url()
    50% no-repeat;
  background-size: 30px;
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
}

.contact-us {
  bottom: 100px;
  display: block;
  position: fixed;
  right: 0;
  width: 200px;
  z-index: 1000;
}

.tooltip-box {
  position: relative;
}

.tooltip-box .tooltip-img {
  display: block;
  width: 200px;
}

.tooltip-qrcode {
  bottom: 25px;
  left: 50%;
  transform: translate(-50%);
  width: 140px;
}

.box-btn,
.tooltip-qrcode {
  display: block;
  position: absolute;
}

.box-btn {
  cursor: pointer;
  height: 50px;
  right: 0;
  top: 0;
  width: 50px;
}

.contact-us .us-img {
  cursor: pointer;
  display: block;
  float: right;
  width: 100px;
  z-index: 1000;
}

.go-up {
  height: 100%;
}

.go-up,
.go-up .up-img {
  display: block;
  width: 100%;
}

.index-info .el-input-group__prepend {
  background-color: #fff;
  border: 1px solid #0071c1;
  border-radius: 0;
  border-right: none;
  color: #333;
  font-size: 12px;
  width: 60px;
}

.index-info .el-input__inner {
  border: 1px solid #0071c1;
}

.index-info {
  margin: 30px auto 0;
  max-width: 1200px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.info-logos {
  cursor: pointer;
}

.index-info .info-logo {
  display: block;
  float: left;
  width: 234px;
}

.index-info .info-search {
  margin: 0 auto;
  width: 100%;
}

.index-info .info-shop {
  float: right;
  overflow: hidden;
}

.index-info .info-shop .shop-list {
  background: url()
    0 no-repeat;
  background-size: 20px;
  color: #333;
  cursor: pointer;
  float: left;
  font-size: 12px;
  line-height: 40px;
  margin-right: 24px;
  padding-left: 30px;
}

.index-info .info-shop .shop-list.recharge {
  background-image: url();
}

.index-info .info-shop .shop-list.user {
  background-image: url();
}

.index-info .info-search .search-self {
  margin-bottom: 10px;
}

.index-info .info-search .search-self .search-select {
  border-radius: 0;
  width: 120px;
}

.index-info .info-search .search-self .search-btn {
  background-color: #0071c1;
  border: 1px solid #0071c1;
  border-radius: 0;
  color: #fff;
  width: 92px;
}

.index-info .info-search .search-hot {
  color: #333;
  font-size: 12px;
  overflow: hidden;
}

.index-info .info-search .search-hot .hot-title {
  float: left;
}

.index-info .info-search .search-hot .hot-box {
  height: 50px;
  overflow: hidden;
}

.index-info .info-search .search-hot .hot-text {
  border: 1px solid #f5f5f5;
  color: #333;
  cursor: pointer;
  float: left;
  margin-right: 20px;
  padding: 4px 8px;
}

.index-info .info-search .search-hot .hot-text.active {
  border: 1px solid #0071c1;
  color: #0071c1;
}

.index-info .info-search .search-hot .hot-text:first-child {
  color: #ff5722;
  position: relative;
}

.index-info .info-search .search-hot .hot-text:first-child:before {
  background: url()
    50% no-repeat;
  background-size: 8px;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 5px;
  top: 2px;
  width: 8px;
}
.index-info .content-box {
  width: calc(100% - 254px);
  flex: 1;
  margin-left: 20px;
}
.index-info .info-nav {
  margin-top: 20px;
}

.index-info .nav-box {
  width: 235px;
  position: relative;
}
.index-info .nav-title {
  background-color: #0071c1;
  color: #fff;
  cursor: pointer;
  float: left;
  font-size: 14px;
  line-height: 42px;
  position: relative;
  text-align: center;
  width: 100%;
}
.index-info .nav-box .sort-item {
  display: none;
  background: #fff;
  left: 0;
  position: absolute;
  top: 42px;
  width: 100%;
  z-index: 100;
  color: #353535;
  border-bottom: 1px solid #ececec;
}

.index-info .nav-box:hover .sort-item {
  display: block;
}
.index-info .nav-box .sort-item .item-list {
  cursor: pointer;
  font-size: 14px;
}
.index-info .nav-box .sort-item .item-list .tit {
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
}
.index-info .nav-box .sort-item .item-list:hover .tit{
  background-color: #ececec;
}
.index-info .nav-box .sort-item .item-list .more {
  padding: 10px 0;
  margin-left: 40px;
  line-height: 40px;
  display: none;
}
.index-info .nav-box .sort-item .item-list.active .more{
  display: block;
}
.index-info .nav-box .sort-item .item-list .more p.active {
  color: #0071C1;
  border-right: 2px solid #0071c1;
}
.index-info .nav-box .sort-item .item-list .more p:hover {
  color: #0071C1;
}
.index-info .nav-box .sort-item .icon-up {
  display: inline-block;
  width: 15px;
  height: 12px;
  background: url("./images/up.png") 0 0 no-repeat;
  background-size: 100%;
  margin-top: 2px;
}
.index-info .nav-box .sort-item .item-list.active .icon-up {
  display: inline-block;
  width: 15px;
  height: 12px;
  background: url("./images/down.png") 0 0 no-repeat;
  background-size: 100%;
  margin-top: 2px;
}
.index-info .nav-box .sort-subcategory{
  position: absolute;
  left: 238px;
  top: 0;
  width: 600px;
  height: 300px;
  background-color: #fff;
  border-radius: 5px;
  padding: 20px 20px;
  display: none;
}
.index-info .nav-box .sort-subcategory .subcategory-close{
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("./images/close.png") 0 0 no-repeat;
  background-size: 100%;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.index-info .nav-box .sort-subcategory .subcategory-name{
  color: #333;
}

.index-info .nav-box .sort-subcategory .subcategory-item li{
  display: inline-block;
  color: #a6a9ad;
  font-size: 14px;
  cursor: pointer;
  /* width: 30.3%; */
}
.bread-crumbs .index-title {
  color: #333;
  font-size: 12px;
  line-height: 37px;
}

.sort-subcategory {
  background-color: #fff;
  border-radius: 20px;
  height: 360px;
  left: 235px;
  padding: 20px;
  position: absolute;
  top: 0;
  width: 560px;
  z-index: 10;
}

.subcategory-icon {
  background: url()
    50% no-repeat;
  background-size: 10px;
  display: block;
  height: 10px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 10px;
}

.sort-subcategory .subcategory-name {
  color: #000;
  font-size: 16px;
  text-align: left;
}

.sort-subcategory .subcategory-item {
  color: #333;
  display: grid;
  font-size: 12px;
  grid-template-columns: repeat(3, 1fr);
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
  grid-gap: 20px;
  gap: 20px;
}

.sort-subcategory .subcategory-item .subcategory-list {
  cursor: pointer;
  margin-right: 10px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sort-subcategory .subcategory-item .subcategory-list:hover {
  color: #0071c1;
}

.sort-subcategory .subcategory-item::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.sort-subcategory .subcategory-item::-webkit-scrollbar-thumb,
.sort-subcategory .subcategory-item::-webkit-scrollbar-track {
  border-radius: 0;
}

.no-bg .el-dialog__body,
.no-bg .el-dialog__header {
  padding: 0;
}

.no-bg .el-dialog {
  background: transparent;
}

.prompt-dialog {
  display: block;
  overflow: hidden;
}

.prompt-dialog .mask-layer {
  background-color: rgba(0, 0, 0, 0.212);
  display: block;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}

.prompt-dialog .prompt-info {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  z-index: 10010;
}

.prompt-dialog .prompt-info .info-img {
  display: block;
}

.prompt-dialog .prompt-info .info-img.close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}

.prompt-dialog .prompt-info .info-img.go {
  bottom: 60px;
  cursor: pointer;
  left: 45%;
  position: absolute;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -o-transform: translate(-50%);
  width: 195px;
}

.prompt-dialog .prompt-info .info-self {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  left: 80px;
  position: absolute;
  top: 30%;
  width: 600px;
}

.prompt-dialog .prompt-info .info-self .self-text {
  margin-bottom: 40px;
}

.login-index .el-dialog__body,
.login-index .el-dialog__header {
  padding: 0;
}

.login-index .el-input__inner {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.login-index .el-divider__text {
  background-color: transparent;
}

.login-content {
  overflow: hidden;
  position: relative;
}

.login-content .content-img {
  display: block;
  width: 100%;
}

.login-content .content-info {
  float: left;
  position: absolute;
  right: 100px;
  top: 50%;
  transform: translateY(-50%);
  width: 423px;
}

.login-content .content-info .info-logo {
  display: block;
  margin: 0 auto 40px;
  width: 234px;
}

.login-content .content-info .info-ipt {
  display: block;
  margin: 0 auto 30px;
  width: 336px;
}

.login-content .content-info .info-ipt.te {
  margin-bottom: 10px;
}

.login-content .content-info .info-operate {
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  margin: 0 auto 40px;
  overflow: hidden;
  width: 336px;
}

.login-content .content-info .info-operate .operate-pwd {
  float: right;
}

.login-content .content-info .info-btn {
  background-color: #fff;
  border-color: #fff;
  color: #0071c1;
  display: block;
  font-size: 18px;
  line-height: 24px;
  margin: 0 auto 30px;
  padding: 8px 0;
  width: 336px;
}

.login-content .content-info .info-divider {
  background-color: #0071c1;
  margin: 0 auto;
  width: 283px;
}

.login-content .content-info .info-divider .divider-text {
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
}

.login-content .icon-close {
  background: url()
    50% no-repeat;
  background-size: 30px;
  cursor: pointer;
  display: block;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
}

.index-mask {
  display: block;
  overflow: hidden;
}

.mask-layer {
  background-color: rgba(0, 0, 0, 0.212);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3000;
}

.mask-content,
.mask-layer {
  display: block;
  position: fixed;
}

.mask-content {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 3001;
}

.content-close-btn,
.content-img {
  cursor: pointer;
  display: block;
}

.content-close-btn {
  background: url(/_nuxt/img/home-popup-close-btn.f08fc83.png) 50% no-repeat;
  background-size: 100% 100%;
  height: 54px;
  position: absolute;
  right: 20px;
  top: 88px;
  width: 54px;
}
.swiper-container {
  --swiper-theme-color: #0071c1;
  outline: none;
  --swiper-navigation-cololr: #0071c1;
  --swiper-navigation-size: 50px;
}

.index-content {
  margin-bottom: 12px;
  overflow: hidden;
}

.index-sort {
  background-color: #fff;
  float: left;
  position: relative;
  width: 234px;
}

.index-sort .item-list {
  color: #333;
  cursor: pointer;
  font-size: 14px;
}

.index-sort .item-list .tit{
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
}
.index-sort .item-list .icon-up {
  display: inline-block;
  width: 15px;
  height: 12px;
  background: url("./images/up.png") 0 0 no-repeat;
  background-size: 100%;
  margin-top: 2px;
}
.index-sort .item-list.active .icon-up {
  display: inline-block;
  width: 15px;
  height: 12px;
  background: url("./images/down.png") 0 0 no-repeat;
  background-size: 100%;
  margin-top: 2px;
}
.index-sort .item-list .more{
  margin-left: 40px;
  line-height: 40px;
  display: none;
}
.index-sort .item-list.active .more {
  display: block;
}
.index-sort .item-list.active .more p.active {
  color: #0071c1;
  border-right: 2px solid #0071c1;
}
.index-sort .sort-subcategory{
  position: absolute;
  left: 238px;
  top: 0;
  width: 600px;
  height: 300px;
  background-color: #fff;
  border-radius: 5px;
  padding: 20px 20px;
  display: none;
}
.index-sort .sort-subcategory .subcategory-close{
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("./images/close.png") 0 0 no-repeat;
  background-size: 100%;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.index-sort .sort-subcategory .subcategory-name{
  color: #333;
  /* margin-bottom: 20px; */
}
.index-sort .sort-subcategory .subcategory-item li{
  display: inline-block;
  color: #a6a9ad;
  font-size: 14px;
  cursor: pointer;
  /* width: 30.3%; */
}
.index-goods{
  border-radius: 5px;
  max-width: 1200px;
  overflow: hidden;
  width: 100%;
  margin: 30px auto 0;
  background-color: #fff;
}
.index-goods .header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 20px;
}
.index-goods .header .title{
  font-size: 28px;
  font-weight: 600;
  color: #333;
}
.index-goods .universitites-item{
  overflow: hidden;
  padding: 0 10px;
}
.index-goods .universitites-item li{
  float: left;
  width: calc(25% - 20px);
  margin: 0 10px 20px;
  background: #FFFFFF;
  box-shadow: 4px 4px 6px 0px rgba(192,194,198,0.16);
  border-radius: 8px 8px 8px 8px;
  padding-bottom: 10px;
}
.index-goods .universitites-item .name-text{
  font-size: 14px;
  color: #424242;
  line-height: 24px;
  padding: 10px;
}
.index-goods .universitites-item .list-price{
  padding: 0 10px 10px;
}
.index-goods .universitites-item .list-price .new{
  color: #FF0000;
  font-size: 22px;
}
.index-goods .universitites-item .list-price .old{
  color: #424242;
  font-size: 14px;
  text-decoration: line-through;
  margin-left: 5px;
}
.index-goods .universitites-item .list-tip{
  font-size: 14px;
  color: #424242;
  padding: 0 10px;
  line-height: 22px;
}
.index-goods .universitites-item .list-tip.flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.index-goods .universitites-item .star{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('./images/star.png') 0 0 no-repeat;
  background-size: 100%;
}
.index-profile{
  border-radius: 5px;
  max-width: 1200px;
  overflow: hidden;
  width: 100%;
  margin: 30px auto;
  padding-bottom: 30px;
  background-color: #fff;
}
.index-profile .header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 20px;
}
.index-profile .header .title{
  font-size: 28px;
  font-weight: 600;
  color: #333;
}
.index-profile .box{
  position: relative;
}
.index-profile .msg{
  color: #fff;
  background: #003256;
  border-radius: 24px;
  font-size: 28px;
  width: 55%;
  position: absolute;
  left: 36%;
  top: 30px;
  z-index: 1;
  padding: 20px 40px;
  letter-spacing: 3px;
  line-height: 42px;
}
.index-footer{
  background: #131A28;
  color: #fff;
}
.index-footer .logo{
  font-size: 24px;
}
.index-footer .box{
  text-align: cnter;
  border-radius: 5px;
  max-width: 1200px;
  margin: auto;
  width: 100%;
  padding: 40px 0;
}
.index-footer .card{
  display: flex;
  padding: 40px 0;
}
.index-footer .card .list{
  width: 25%;
  font-size: 14px;
}
.index-footer .card li{
  opacity: 0.7;
  line-height: 28px;
}
.index-footer .card .list a{
  color: #fff;
}
.index-footer .card .title{
  margin-bottom: 20px;
  opacity: 1;
}
.index-footer .card .address{
  line-height: 20px;
  margin-top: 25px;
}
.copyright{
  background-color: #131A28;
  color: #fff;
  text-align: center;
  line-height: 50px;
  font-size: 12px;
}
.index-code{
  position: fixed;
  right: 10px;
  bottom: 50px;
  z-index: 999;
  width: 150px;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,21,36,0.06);
  border-radius: 24px;
  padding: 15px 15px;
  text-align: center;
}
.index-code img{
  border: 1px dashed #ccc;
}
.index-code .msg{
  background: #D8EFFF;
  border-radius: 90px;
  width: 80%;
  padding:5px 0;
  margin: 10px auto 0;
  font-size: 12px;
}
.log-box{
  display: none;
}
.mobile .index-top{
  position: relative;
}
.mobile .index-top .home-top-nav{
  max-width: 100%;
}
.mobile .home-top-nav .top-nav-index{
  width: auto;
}
.mobile .index-top .nav-list{
  display: none;
}
.mobile .index-top .nav-title{
  text-align: center;
  font-size: 20px;
}
.mobile .index-top .nav-title .list-text{
  display: none;
}
.mobile .index-top .nav-title .list-text{
  display: block;
  font-size: 12px;
  position: absolute;
  left: 18px;
}
.mobile .index-top .index-info {
  max-width: 100%;
}
.mobile .index-top .index-info .nav-box{
  display: none;
}
.mobile .index-top .search-self .el-input-group__append{
  display: none;
}
.mobile .index-top .index-info .content-box{
  margin: 0 20px;
  width: calc(100% - 40px);
}
.mobile .index-top .index-info .el-input__inner{
  border-radius: 20px;
  background-color: #d8d6db;
  border-color: #d8d6db;
}
.mobile .index-top .index-info .el-input__inner::placeholder {
  color: #999;
}
.mobile .index-top .index-info .info-search-list{
  width: auto;
  overflow: auto;
}
.mobile .index-top .index-info .info-search-list li{
  white-space: nowrap;
  padding: 0 0 10px 0;
  text-align: center;
  margin-right: 30px;
  border: none;
  background: inherit;
  position: relative;
}
.mobile .index-top .index-info .info-search-list li.active:after{
  content: '';
  width: 18px;
  height: 4px;
  background: #0071c1;
  position: absolute;
  bottom: 6px;
  left: 50%;
  margin-left: -9px;
  border-radius: 4px;
}

.mobile .home-index{
  margin: 0 auto;
}
.mobile .home-index .index-sort{
  display: none;
}
.mobile .home-index .content-box{
  margin-right: 20px;
}
.mobile .home-index .content-box img{
  border-radius: 8px;
}
.mobile .home-index .content-box img:last-child{
  display: none;
}
.mobile .index-goods{
  background-color: inherit;
  margin: 0 auto;
}
.mobile .index-goods .header{
  padding: 20px;
}
.mobile .index-goods .header .title{
  font-size: 20px;
}
.mobile .index-goods .header .more{
  font-size: 12px;
  color: #0071c1;
}
.mobile .index-goods .universitites-item li{
  float: none;
  width: calc(100% - 40px);
  margin: 0 10px;
  box-shadow: none;
  border-radius: 0;
  padding: 10px;
  position: relative;
  overflow: hidden;
}
.mobile .index-goods .universitites-item li:after{
  content: '';
  width: 90%;
  height: 2px;
  position: absolute;
  left: 5%;
  bottom: 0;
  background: #0071c1;

}

.mobile .index-goods .universitites-item li .list-img{
  float: left;
  width: 40%;
}
.mobile .index-goods .universitites-item li .name-text,
.mobile .index-goods .universitites-item li .list-price,
.mobile .index-goods .universitites-item li .list-tip{
 margin-left: 40%;
}
.mobile .index-goods .universitites-item li .name-text{
  line-height: 18px;
  padding: 0 10px;
}
.mobile .index-goods .universitites-item .list-price .new{
  font-size: 18px;
}
.mobile .index-goods .universitites-item .list-price .old{
  font-size: 12px;
}
.mobile .index-goods .universitites-item li .list-tip{
  padding: 0 10px;
  line-height: 18px;
}
.mobile .index-profile{
  max-width: auto;
  background: inherit;
  margin: 10px auto;
}
.mobile .index-profile .header{
  padding: 20px;
}
.mobile .index-profile .header .title {
  font-size: 20px;
}
.mobile .index-profile .box {
  margin: 0 20px;
  height: 230px;
}
.mobile .index-profile .msg{
  font-size: 12px;
  padding: 10px 10px;
  letter-spacing: 0;
  line-height: 20px;
  left: 24%;
  width: 70%;
  top: 10px;
}
.mobile .index-footer{
  margin-top: 40px;
  background-color: #e7e6e6;
  color: #333;
}
.mobile .index-footer .box{
  max-width: none;
  margin: 0 20px;
  padding: 20px 0;
  width: auto;
  position: relative;
  border-bottom: 1px solid #666;
  border-radius: 0;
}
.mobile .index-footer .logo{
  display: inline-block;
  font-size: 18px;
  background: #0071c1;
  color: #fff;
  padding: 6px 15px;
  position: absolute;
  left: 50%;
  margin-left: -115px;
  top: -10px;
}
.mobile .index-footer .logo:before,
.mobile .index-footer .logo:after{
  content: '';
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid #08588e;
  position: absolute;
  left: -8px;
  top: 0;
}
.mobile .index-footer .logo:after{
  border-left: 0 solid transparent;
  border-right: 8px solid transparent;
  left: initial;
  right: -8px;
}
.mobile .index-footer .card{
  padding: 10px 0;
  width: 100%;
  overflow: auto;
}
.mobile .index-footer .card .list {
  margin-right: 20px;
  width: auto;
}
.mobile .index-footer .card li{
  white-space: nowrap;
}
.mobile .index-footer .card .address{
  line-height: 20px;
  margin-top: 25px;
  white-space: normal;
}
.mobile .copyright{
  background-color: #e7e6e6;
  color: #333;
  text-align: left;
  padding: 0 20px 50px;
}
.mobile .index-code{
  display: none;
}
.mobile .log-box{
  display: flex;
  position: fixed;
  bottom: 5px;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, #0071c1, #57abeb);
  border-radius: 20px;
  z-index: 1;
}
.mobile .log-box div{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 2px 40px;
  white-space: nowrap;
}
.mobile .log-box div:first-child{
  border-right: 1px solid #fff;
}
.hide{
  display: none !important;
}

.el-dialog__wrapper {
  bottom: 0;
  left: 0;
  margin: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
}
.el-dialog {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  box-sizing: border-box;
  margin: 0 auto 50px;
  position: relative;
  width: 50%;
}
.login-index .el-dialog__body, 
.login-index .el-dialog__header {
  padding: 0;
}
.el-dialog__title {
  color: #303133;
  font-size: 18px;
  line-height: 24px;
}
.el-dialog__body {
  color: #606266;
  font-size: 14px;
  word-break: break-all;
}
.login-content{
  overflow: hidden;
  position: relative;
}
.login-content .icon-close {
  background: url() 50% no-repeat;
  background-size: 30px;
  cursor: pointer;
  display: block;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
}
.login-content .content-img {
  display: block;
  width: 100%;
}
.login-content .content-info {
  float: left;
  position: absolute;
  right: 100px;
  top: 50%;
  transform: translateY(-50%);
  width: 423px;
}
.login-content .content-info .tit{
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 80px;
}
.login-content .content-info .info-logo {
  display: block;
  margin: 0 auto 40px;
  width: 234px;
}
.login-content .content-info .info-ipt {
  display: block;
  margin: 0 auto 30px;
  width: 336px;
}
.login-content .content-info .info-operate {
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  margin: 0 auto 40px;
  overflow: hidden;
  width: 336px;
}
.login-content .content-info .info-operate .operate-pwd{
  float: right;
}
.login-content .content-info .info-btn{
  background-color: #fff;
  border-color: #fff;
  color: #0071c1;
  display: block;
  font-size: 18px;
  line-height: 24px;
  margin: 0 auto 30px;
  padding: 8px 0;
  width: 336px;
}
.v-modal {
  background: #000;
  height: 100%;
  left: 0;
  opacity: .5;
  position: fixed;
  top: 0;
  width: 100%;
}
.mobile-login-index {
  background-color: #f5f5f5;
  margin: 0 auto;
  max-width: 720px;
  width: 100%;
  overflow: hidden;
}
.nut-navbar {
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  position: relative;
}
.nut-navbar .nav-left {
  position: absolute;
  left: 15px;
  top: 50%;
  height: 40px;
  line-height: 40px;
  margin-top: -20px;
  font-size: 14px;
}
.nut-navbar .nav-left .back {
  float: left;
  margin-right: 8px;
}
.nut-navbar .nav-left .back .back-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('./images/left.png') no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.nut-navbar .nav-center .nav-title {
  width: auto;
  margin: 0 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.nut-navbar .nav-right {
  position: absolute;
  right: 15px;
  top: 50%;
  height: 40px;
  line-height: 40px;
  margin-top: -20px;
  font-size: 14px;
}
.nut-navbar .nav-right .more {
  float: right;
  margin-left: 8px;
}
.login-box {
  background-color: #fff;
  padding: 0 20px;
  box-sizing: border-box;
}
.login-item {
  display: block;
}
.login-item .item-list {
  padding: 10px 0;
}
.login-item .item-list .list-title {
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.nut-textinput {
  display: flex;
  align-items: center;
  position: relative;
}
.nut-textinput input {
  flex: 1;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #0071c1;
  background-color: "#FFFFFF";
  padding: 0 30px 0 10px;
}
.mobile-login-index  .operate-sign {
  font-size: 14px;
  color: #0071c1;
}
.mobile-login-index .operate-sign.password {
  float: right;
}
.mobile-login-index .bottom-box {
  position: fixed;
  bottom: 0;
  height: 65px;
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  text-align: center;
}
.mobile-login-index .bottom-box .bottom-btn {
  margin: 10px 20px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-color: #0071c1;
  color: #fff;
  border-radius: 10px;
}

.login-sign {
  background: url('./images/reg-bg.jpg') 50% no-repeat;
  background-size: cover;
  display: block;
  height: 100%;
  min-height: 100vh;
  position: relative;
  width: 100%;
}
.login-sign .sign-content {
  margin: 0 auto;
  padding: 50px 0;
  max-width: 910px;
  width: 100%;
}
.login-sign .sign-content .content-top {
  margin-bottom: 10px;
  overflow: hidden;
}
.login-sign .sign-content .content-top .top-title {
  color: #fff;
  font-size: 35px;
  font-weight: 700;
}
.login-sign .sign-content .content-top .top-text {
  color: #fff;
  cursor: pointer;
  float: right;
  font-size: 16px;
}
.login-sign .sign-content .content-self {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px 20px 50px;
}
.login-sign .sign-content .content-self .self-title {
  color: #409eff;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 40px;
  text-align: center;
}
.el-switch {
  align-items: center;
  display: inline-flex;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  position: relative;
  vertical-align: middle;
}
.el-switch__input {
  height: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.el-switch__label {
  color: #303133;
  font-size: 14px;
  font-weight: 500;
  height: 20px;
  transition: .2s;
  vertical-align: middle;
}
.el-switch__label--left {
  margin-right: 10px;
}
.el-switch__label--right {
  margin-left: 10px;
}
.el-switch.is-checked .el-switch__core:after {
  left: 100%;
  margin-left: -17px;
}
.el-switch.is-checked .el-switch__core {
  background-color: #409eff;
  border-color: #409eff;
}
.el-switch:not(.is-checked) .el-switch__label--left{
  color: #409eff;
}
.el-switch.is-checked .el-switch__label--right{
  color: #409eff;
}
.el-switch__core {
  background: #dcdfe6;
  border: 1px solid #dcdfe6;
  border-radius: 10px;
  box-sizing: border-box;
  height: 20px;
  margin: 0;
  outline: 0;
  position: relative;
  transition: border-color .3s, background-color .3s;
  vertical-align: middle;
  width: 40px;
  cursor: pointer;
}
.el-switch__core:after {
  background-color: #fff;
  border-radius: 100%;
  content: "";
  height: 16px;
  left: 1px;
  position: absolute;
  top: 1px;
  transition: all .3s;
  width: 16px;
}
.login-sign .sign-content .content-self .self-switch {
  margin-bottom: 30px;
  margin-left: 85px;
}
.login-sign .sign-content .content-self .self-info {
  margin-left: 85px;
  overflow: hidden;
}
.login-sign .sign-content .content-self .info-list {
  float: left;
  margin-right: 60px;
}
.login-sign .sign-content .content-self .info-list .list-title {
  color: #4a5263;
  font-size: 14px;
  margin-bottom: 12px;
}
.login-sign .sign-content .content-self .info-list .list-ipt {
  margin-bottom: 20px;
  width: 320px;
}
.login-sign .sign-content .content-footer {
  margin: 0 auto;
  width: 336px;
}
.el-checkbox {
  color: #606266;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  margin-right: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.el-checkbox:last-of-type {
  margin-right: 0;
}
.el-checkbox__input {
  cursor: pointer;
  line-height: 1;
  outline: 0;
  vertical-align: middle;
}
.el-checkbox__inner {
  background-color: #fff;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  box-sizing: border-box;
  display: inline-block;
  height: 14px;
  position: relative;
  transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), background-color .25s cubic-bezier(.71,-.46,.29,1.46);
  width: 14px;
  z-index: 1;
}
.el-checkbox__inner:after {
  border: 1px solid #fff;
  border-left: 0;
  border-top: 0;
  box-sizing: content-box;
  content: "";
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  transform-origin: center;
  transition: transform .15s ease-in .05s;
  width: 3px;
}
.el-checkbox.is-checked .el-checkbox__input .el-checkbox__inner:after {
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__original{
  height: 0;
  margin: 0;
  opacity: 0;
  outline: 0;
  position: absolute;
  width: 0;
  z-index: -1;
}
.el-checkbox.is-checked .el-checkbox__input .el-checkbox__inner{
  background-color: #409eff;
  border-color: #409eff;
}

.login-sign .sign-content .content-footer .footer-checkbox {
  margin-left: 10px;
}
.pact-text {
  font-size: 14px;
}
.login-sign .sign-content .content-footer .footer-btn {
  background-color: #409eff;
  border-color: #409eff;
  font-size: 18px;
  margin-top: 20px;
  padding: 12px 0;
  width: 100%;
}
.login-sign .sign-content .content-self .info-list .list-title .title-icon {
  color: #f30;
}
.login-sign .sign-content .content-self .info-list .list-ipt.te1 {
  font-size: 12px;
  margin-right: 8px;
  width: 310px;
}
.login-sign .sign-content .content-self .info-list .list-ipt.te{
  margin-right: 8px;
  width: 206px;
  display: inline-block;
}
.login-sign .sign-content .content-self .info-list .list-btn {
  width: 102px;
}
.login-sign .pact-text .text-click{
  color: #409eff;
}
.title-icon {
  color: #f20;
}
select {
  border-color: #409eff;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  padding: 0 10px;
}
.mobile-login-index .login-item .title-switch{
  float:right; 
  color: #f20;
  display: ruby;
}
.self-info:not(.active) .phone-list,
.self-info:not(.active) .email2-list,
.mobile-login-index .login-item:not(.active) .phone-list,
.mobile-login-index .login-item:not(.active) .email2-list{
  display: block;
}
.self-info:not(.active) .email-list,
.self-info:not(.active) .phone2-list,
.mobile-login-index .login-item:not(.active) .email-list,
.mobile-login-index .login-item:not(.active) .phone2-list{
  display: none;
}
.self-info.active .phone-list,
.self-info.active .email2-list,
.mobile-login-index .login-item.active .phone-list,
.mobile-login-index .login-item.active .email2-list{
  display: none;
}
.self-info.active .email-list,
.self-info.active .phone2-list,
.mobile-login-index .login-item.active .email-list,
.mobile-login-index .login-item.active .phone2-list{
  display: block;
}
.detail-box{
  background: #fff;
}
.detail-box .title{
  color: #333;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  padding: 20px;
}
table{
  width: 100%;
  border-collapse: collapse;
}
table thead{
  height: 47px;
  font-size: 12px;
  color: #909399;
  background: rgb(241, 246, 250);
}
table thead th{
  padding: 0 10px;
  text-align: center;
}
table tbody{
  height: 47px;
  font-size: 14px;
  color: #606266;
}
table tbody td{
  padding: 10px;
  text-align: center;
}
table a{
  cursor: pointer;
  color: #409eff;
}
table a:hover{
  text-decoration: underline;
}
table .list-btn,
table .list-btn:hover {
  background-color: #409eff;
  border-color: #409eff;
  color: #fff;
  padding: 0 10px;
  height: 35px;
}
.index-pagination{
  text-align: right;
  padding-bottom: 20px;
}
.el-pagination {
  color: #303133;
  font-weight: 700;
  padding: 2px 5px;
  white-space: nowrap;
}
.el-pagination .icon-more{
  line-height: 20px;
  font-size: 18px;
}
.el-pagination .arrow-left,
.el-pagination .arrow-right{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(./images/left.png) 0 0 no-repeat;
  background-size: 100%;
  cursor: pointer;
  margin-top: 4px;
}
.el-pagination .arrow-right{
  background: url(./images/right.png) 0 0 no-repeat;
  background-size: 100%;
}
.el-pagination .arrow-left.disabled{
  cursor: no-drop;
}
.el-pagination button:disabled {
  background-color: #fff;
  color: #c0c4cc;
  cursor: not-allowed;
}
.el-pager {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  font-size: 0;
  list-style: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.el-pager li {
  background: #fff;
  box-sizing: border-box;
  font-size: 13px;
  height: 28px;
  line-height: 28px;
  min-width: 35.5px;
  padding: 0 4px;
  text-align: center;
  display: inline-block;
  margin: 0;
  vertical-align: top;
  cursor: pointer;
}
.el-pager li.active {
  color: #409eff;
  cursor: default;
}
.el-pager li.btn-quicknext, .el-pager li.btn-quickprev {
  color: #303133;
  line-height: 28px;
}

.el-pagination .btn-next, .el-pagination .btn-prev {
  background: 50% no-repeat #fff;
  background-size: 16px;
  color: #303133;
  cursor: pointer;
  margin: 0;
}
.el-pagination .btn-next{
  padding-left: 12px;
}
.mobile .self-financed{
  background: #fff;
}
.mobile .self-financed .home-top-nav,
.mobile .self-financed .info-search-list,
.mobile .self-financed .home-index{
  display: none;
}
.mobile .self-financed .home-index .detail-box{
  margin: 0;
  width: 100%;
}
.self-financed .index-goods{
  display: none;
}
.mobile .self-financed .index-goods{
  display: block;
}
.mobile .self-financed .index-info{
  margin: 10px auto 0;
}
.mobile .details-box .universitites-item,
.mobile .self-financed .universitites-item{
  padding: 0 0 60px;
}
.mobile .details-box .universitites-item .list-info,
.mobile .self-financed .universitites-item .list-info {
  margin-left: 140px;
}
.mobile .details-box .universitites-item li,
.mobile .self-financed .universitites-item li{
  padding: 10px 0;
  width: calc(100% - 20px);
}
.mobile .details-box .universitites-item li:after,
.mobile .self-financed .universitites-item li:after{
  width: calc(100% - 4px);
  left: 2px;
}
.mobile .details-box .universitites-item .list-info .info-title,
.mobile .self-financed .universitites-item .list-info .info-title {
  font-size: 12px;
  color: #a1a1a1;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-bottom: 5px;
}
.mobile .details-box .universitites-item .list-info .info-text,
.mobile .self-financed .universitites-item .list-info .info-text {
  font-size: 14px;
  color: #737373;
  margin-bottom: 5px;
}
.mobile .details-box .universitites-item .list-info .info-text .text-btn,
.mobile .self-financed .universitites-item .list-info .info-text .text-btn {
  width: 72px;
  display: block;
  background-color: #409eff;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  border-radius: 18px;
}
.mobile .details-box .universitites-item .list-info .info-text .text-color,
.mobile .self-financed .universitites-item .list-info .info-text .text-color {
  color: #ff6433;
}
.mobile .self-financed .index-footer,
.mobile .self-financed .copyright{
  display: none;
}
.mobile .self-financed .index-top .index-info {
  background-color: #fff;
  padding-top: 10px;
  margin: 0;
}
.mobile .self-financed .index-top .index-info .el-input__inner{
  background-color: #f6f6f6;
  border-color: transparent;
}
.mobile .self-financed .index-top .info-box{
  display: flex;
}
.index-top .info-box .icon-back{
  display: none;
}
.mobile .self-financed .index-top .info-box .icon-back{
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(./images/left.png) 0 0 no-repeat;
  background-size: 100%;
  cursor: pointer;
  margin-top: 8px;
}
.goods-details {
  margin: 0 auto 20px;
  max-width: 1200px;
  overflow: hidden;
  width: 100%;
}
.goods-details .details-box {
  background-color: #fff;
  padding: 20px;
  position: relative;
}
.goods-details .details-box .details-collect {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 10;
}
.goods-details .details-box .details-collect .collect-icon {
  background: url() 50% no-repeat;
  background-size: 24px;
  display: inline-block;
  height: 22px;
  width: 24px;
}
.goods-details .details-box .details-collect .collect-text {
  color: #ff5722;
  font-size: 18px;
  line-height: 24px;
}
.goods-details .details-info {
  overflow: hidden;
  position: relative;
}
.goods-details .details-info .info-img {
  float: left;
  position: relative;
  width: 350px;
}
.goods-details .details-info .info-img .info-tags {
  box-sizing: border-box;
  left: 0;
  overflow: hidden;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 350px;
  z-index: 10;
}
.goods-details .details-info .info-img .info-tags .tag-issp {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  padding: 5px 6px;
}
.goods-details .details-info .info-img .info-tags .tags-rig {
  overflow: hidden;
}
.goods-details .details-info .info-img .info-tags .tags-rig .tag-self {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 8px;
  color: #fff;
  float: left;
  font-size: 12px;
  margin-right: 10px;
  margin-top: 5px;
  padding: 5px;
  white-space: nowrap;
}
.goods-details .details-info .info-img .gallery-top {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 350px;
  width: 350px;
}
.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
  z-index: 1;
}
.swiper-container-android .swiper-slide, .swiper-wrapper{
  transform: translateZ(0);
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  width: 350px;
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}
.goods-details .details-info .info-img .swiper-box {
  position: relative;
}
.goods-details .details-info .info-img .img-self {
  display: block;
  height: 350px;
  width: 100%;
}

.gallery-thumbs {
  box-sizing: border-box;
  height: 20% !important;
  padding: 10px 0;
}
.goods-details .info-thumbs {
  width: 350px;
}
.gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 1;
  width: 54px;
}
.gallery-thumbs .swiper-slide img {
  display: block;
  height: 54px;
  width: 54px;
}
.goods-details .details-info .info-item {
  margin-left: 370px;
}
.goods-details .details-info .info-item .item-name {
  color: #333;
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
  margin-bottom: 22px;
}
.goods-details .details-info .info-item .item-tag {
  margin-bottom: 22px;
}
.goods-details .details-info .info-item .item-tag .tag-self {
  color: #ff5722;
  font-size: 18px;
  height: auto;
  line-height: normal;
  margin-right: 10px;
  padding: 2px;
  background-color: #fff0e0;
  border: none;
}
.goods-details .details-info .info-item .item-pay {
  color: #999;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 14px;
}
.goods-details .details-info .info-item .item-pay .pay-text {
  color: #ff5722;
  font-size: 46px;
}
.goods-details .details-info .info-item .item-pay .pay-past {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.goods-details .details-info .info-item .item-list {
  background-color: #f2f2f2;
  margin-bottom: 30px;
  padding: 20px;
}
.goods-details .details-info .info-item .item-list .list-self {
  color: #999;
  font-size: 12px;
  overflow: hidden;
}
.goods-details .details-info .info-item .item-list .self-single {
  float: left;
  line-height: 20px;
  margin-bottom: 10px;
  width: 33.33%;
}
.wrapper dd, .wrapper dl, .wrapper p {
  margin: 0;
}
.goods-details .details-info .info-item .item-list .self-single .title-text {
  color: #ff5722;
  font-weight: 600;
}
.item-member.content {
  background-color: #fff9f0;
  color: #a14b24;
}
.item-member .member-icon {
  float: left;
  height: 33px;
  overflow: hidden;
  font-size: 14px;
  line-height: 33px;
  overflow: hidden;
  padding: 0 10px 0 20px;
  position: relative;
}
.item-member .member-icon .icon-self {
  background: url('./images/star2.png') 50% no-repeat;
  background-size: 18px;
  display: inline-block;
  height: 18px;
  margin-right: 4px;
  margin-top: 7px;
  width: 18px;
}
.goods-details .details-info .info-item .btn-self {
  background-color: #ff5722;
  border-color: #ff5722;
}
.el-button--warning.is-plain {
  background: #fdf6ec;
  border-color: #f5dab1;
  color: #e6a23c;
}
.goods-details .details-introduce {
  margin-top: 30px;
}
.el-tabs--border-card {
  background: #fff;
  border: 1px solid #dcdfe6;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04);
}
.el-tabs__header {
  margin: 0 0 15px;
  padding: 0;
  position: relative;
}
.el-tabs--border-card>.el-tabs__header {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4e7ed;
  margin: 0;
}
.goods-details .details-introduce .el-tabs__header {
  line-height: 38px;
}
.el-tabs__nav-wrap {
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
}
.el-tabs__nav-scroll {
  overflow: hidden;
}
.el-tabs__nav {
  float: left;
  position: relative;
  transition: transform .3s;
  white-space: nowrap;
  z-index: 2;
}
.el-tabs__item {
  box-sizing: border-box;
  color: #303133;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  list-style: none;
  padding-right: 20px;
  position: relative;
  cursor: pointer;
}
.el-tabs__item.is-active {
  color: #409eff;
}
.el-tabs__nav-wrap:after {
  background-color: #e4e7ed;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.el-tabs__active-bar {
  background-color: #409eff;
  bottom: 0;
  height: 2px;
  left: 0;
  list-style: none;
  position: absolute;
  transition: transform .3s cubic-bezier(.645,.045,.355,1);
  z-index: 1;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item{
  padding: 5px 15px;
  font-size: 14px;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
  background-color: #fff;
  border-left-color: #dcdfe6;
  border-right-color: #dcdfe6;
  color: #409eff;
}
.goods-details .details-introduce .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
  color: #409eff;
  font-weight: 600;
}
.el-tabs__content {
  overflow: hidden;
  position: relative;
}
.el-tabs--border-card>.el-tabs__content {
  padding: 15px;
}
.introduce-item {
  margin-bottom: 20px;
}
.introduce-item .item-title {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 10px;
}
.introduce-item .item-list {
  border: 1px solid #eaeef3;
  font-size: 14px;
  margin-bottom: 10px;
}
.introduce-item .item-list .list-box {
  border-bottom: 1px solid #eaeef3;
  line-height: 33px;
  overflow: hidden;
}
.introduce-item .item-list .list-box .box-lf {
  background-color: #f8fafc;
  color: #666;
  float: left;
  padding: 0 20px;
  width: 30%;
}
.introduce-item .item-list .list-box .box-rig {
  border-left: 1px solid #eaeef3;
  box-sizing: border-box;
  color: #333;
  float: left;
  padding-left: 20px;
  width: 66%;
}
.introduce-item .item-list .list-box .box-rig.color {
  color: #f20;
  font-weight: 600;
}
.introduce-item .item-list .list-box .box-rig .rig-text.point:nth-child(2n) {
  background-color: #f5f5f5;
}
.introduce-item .item-list .list-box .box-rig .rig-text.centered {
  text-align: center;
}
.introduce-item .item-list .list-box .box-rig .rig-text.line {
  border-bottom: 1px solid #eaeef3;
}
.introduce-item .item-list .list-box .box-rig .rig-text .text-right {
  color: #ff5722;
  float: right;
}
.introduce-item .item-list .list-box .box-rig .rig-text {
  padding: 0 20px;
}
.introduce-item .item-list .list-box .box-rig.Fee, .introduce-item .item-list .list-box .box-rig.Policy {
  padding-left: 0;
}
.mobile .details-box .index-top{
  display: none;
}
.mobile .details-box .home-index,
.mobile .details-box .goods-details {
  max-width: none;
}
.mobile .details-box .goods-details .details-box{
  padding: 0;
}
.mobile .details-box .goods-details .details-info .info-img{
  float: none;
  width: 100%;
}
.mobile .details-box .goods-details .details-info .info-item{
  margin: 0;
  margin-top: -160px;
  position: relative;
  z-index: 1;
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 12px;
}
.mobile .details-box .goods-details .details-info .info-img .gallery-top{
  margin: 0;
  width: 100%;
}
.mobile .details-box .swiper-slide{
  width: 100%;
}
.mobile .details-box .details-info .info-img .info-tags,
.mobile .details-box .details-collect,
.mobile .details-box .gallery-thumbs,
.mobile .details-box .details-info .info-item .item-msg,
.mobile .details-box .details-introduce .el-tabs__header,
.mobile .details-box .index-footer,
.mobile .details-box .copyright,
.details-box .gallery-top .oper,
.details-info .item-mobile-msg{
  display: none;
}
.mobile .details-box .gallery-top .oper{
  position: absolute;
  width: calc(100% - 20px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.mobile .details-box .details-info .info-item .item-name {
  font-size: 18px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  max-height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-bottom: 6px;
}
.mobile .details-box .details-info .item-mobile-msg{
  display: block;

}
.mobile .details-box .details-info .item-mobile-msg .info-tag {
  margin-bottom: 6px;
  color: #999;
  font-size: 12px;
  line-height: 16px;
}
.mobile .details-box .details-info .item-mobile-msg .info-text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #999;
}
.mobile .details-box .details-info .item-mobile-msg .pay-text {
  font-size: 18px;
  color: #ff5722;
  line-height: 30px;
  margin-left: 5px;
}
.mobile .details-box .details-introduce{
  margin-top: 10px;
}
.mobile .details-box .el-tabs--border-card{
  box-shadow: none;
  border: none;
  background: inherit;
}
.mobile .details-box .introduce-item .item-list,
.details-box .introduce-item.more{
  display: none;
}
.mobile .details-box .introduce-item.show .item-list,
.mobile .details-box .introduce-item.more{
  display: block;
}
.mobile .details-box .introduce-item .item-title{
  font-weight: normal;
  padding: 10px;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile .details-box .introduce-item .item-title .arrow-down{
  display: inline-block;
  width: 18px;
  height: 15px;
  background: url(./images/down.png) 0 0 no-repeat;
  background-size: 100%;
  opacity: .6;
}
.mobile .details-box .introduce-item.show .item-title .arrow-down{
  background: url(./images/up.png) 0 0 no-repeat;
  background-size: 100%;
}
.mobile .details-box .el-tabs--border-card>.el-tabs__content{
  padding: 0;
}
.mobile .details-box .introduce-item {
  background: #fff;
  margin-bottom:5px;
}
.mobile .details-box .introduce-item .item-list{
  border: none;
  color: #666;
  font-size: 13px;
}
.mobile .details-box .introduce-item .item-list .list-box{
  border: none;
  display: flex;
  justify-content: space-between;
  line-height: 40px;
}
.mobile .details-box .introduce-item .item-list .list-box .box-lf{
  background-color: inherit;
  width: 50%;
}
.mobile .details-box .introduce-item .item-list .list-box .box-rig{
  border: none;
  text-align: right;
  padding: 0 20px 0 0;
}
.mobile .details-box .introduce-item .item-list .spe{
  display: block;
  line-height: 22px;
}
.mobile .details-box .introduce-item .item-list .spe .box-rig{
  width: 100%;
  text-align: left;
  padding: 10px 20px;
}
.mobile .details-box .introduce-item .item-list .list-box .box-rig .rig-text{
  padding: 0;
}
.introduce-item .item-list .mobile-more,
.mobile .details-box .introduce-item .item-list .more{
  display: none;
}
.mobile .details-box .introduce-item .item-list .mobile-more{
  display: block;
}
.mobile .details-box .collapse-wrapper .collapse-content {
  padding: 12px 16px;
  color: #969799;
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
}
.mobile .details-box .collapse-item {
  position: relative;
  width: calc(100% - 20px);
  overflow: hidden;
  padding: 10px 16px;
  color: #323233;
  font-size: 14px;
  line-height: 24px;
  background-color: #fff;
  box-sizing: border-box;
  margin: 0 10px;
}
.mobile .details-box .collapse-item.te {
  border: 1px solid #eee;
  position: relative;
  overflow: hidden;
  padding: 0;
  color: #323233;
  font-size: 14px;
  line-height: 24px;
  background-color: #fff;
  box-sizing: border-box;
}
.mobile .details-box .collapse-item .item-title{
    text-align: center;
    background-color: #eee;
    color: #333;
    line-height: 20px;
}
.mobile .details-box .collapse-item .item-list.te {
  padding: 10px;
  margin-bottom: 0;
}
.mobile .details-box .collapse-item .item-list {
  overflow: hidden;
  padding: 10px 0;
  color: #666;
  font-size: 13px;
}
.mobile .details-box .collapse-item .item-list .list-text {
  float: right;
}
.mobile .details-box .collapse-item .item-list .list-text.color {
  color: #0071c1;
}
.mobile .details-box .collapse-item .item-list.te:nth-child(2n -1) {
  background-color: #eee;
}
.details-box .content-recommend{
  display: none;
}
.mobile .details-box .content-recommend {
  display: block;
  padding-top: 10px;
}
.mobile .details-box .content-recommend .recommend-title {
  text-align: center;
  font-size: 14px;
  color: #ff6433;
  height: 22px;
  font-weight: 700;
  position: relative;
}
.content-recommend .recommend-title:after{
  content: "";
  position: absolute;
  display: block;
  width: 350px;
  height: 1px;
  background-color: #ff6433;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mobile .details-box .content-recommend .recommend-title .title-text {
  position: absolute;
  line-height: 22px;
  background-color: #f5f5f5;
  z-index: 20;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 5px;
  box-sizing: border-box;
}
.details-box .universitites-item{
  display: none;
}
.mobile .details-box .universitites-item{
  display: block;
  margin: 10px 0 0;
  padding: 0;
}
.mobile .details-box .universitites-item li{
  position: relative;
  margin: 0 10px;
  background: #fff;
  padding: 10px;
  width: calc(100% - 40px);
}
.mobile .details-box .universitites-item li .list-img {
  float: left;
  width: 40%;
}
.mobile .details-box .universitites-item li:after {
  content: '';
  width: 96%;
  height: 2px;
  position: absolute;
  left: 2%;
  bottom: 0;
  background: #0071c1;
}
.details-box .goods-footer{
  display: none;
}
.mobile .details-box .goods-footer {
  height: 50px;
  display: block;
}
.mobile .details-box .goods-footer .footer-info {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #fff;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px 12px;
  box-sizing: border-box;
  z-index: 100;
}
.mobile .details-box .goods-footer .footer-info .info-btn {
  float: right;
  width: 120px;
  line-height: 36px;
  color: #fff;
  background-color: #ff6433;
  border-radius: 12px;
  text-align: center;
  font-size: 16px;
}
.mobile .details-box .goods-footer .footer-info .info-item {
  margin-right: 130px;
  font-size: 12px;
  color: #333;
}
.mobile .details-box .goods-footer .footer-info .info-item .item-title {
  margin-bottom: 6px;
}
.goods-footer .footer-info .info-item .item-title .item-text{
  color: #ff6433;
}
.side-nav .nav-user {
  cursor: pointer;
  padding: 20px 30px;
}
.side-nav .nav-user .user-img{
    border-radius: 50%;
    display: block;
    height: 70px;
    margin: 0 auto 10px;
    width: 70px;
}
.side-nav .nav-user .user-name {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 10px;
  padding: 0 16px;
  text-align: center;
}
.side-nav .nav-user .user-email {
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}
.side-nav .nav-info .info-title {
  background-color: #0071c1;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 44px;
  padding-left: 40px;
}
.side-nav .nav-info .info-item .info-list {
  color: #999;
  cursor: pointer;
  font-size: 14px;
  line-height: 44px;
  padding: 0 20px;
}
.side-nav .nav-info .info-item .info-list.active {
  background-color: rgba(61, 73, 119, .1);
  color: #0071c1;
  position: relative;
}
.side-nav .nav-info .info-item .info-list.active:before {
  background-color: #0071c1;
  border-radius: 2px;
  content: "";
  display: block;
  height: 30px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
}
.side-nav .nav-info .info-item .info-list a{
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #999;
}
.personal-pulick .personal-title {
  border-bottom: 1px solid #e6e6e6;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 50px;
  padding: 0 20px;
}
.favorite-index {
  background: #fff;
}
.favorite-index .favorite-content {
  padding: 20px;
}
.public-goods {
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
}
.public-goods .goods-list {
  overflow: hidden;
}
.public-goods .goods-list .list-time {
  display: grid;
  float: left;
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;
  width: 100%;
}
.public-goods .goods-list .list-time .time-info {
  box-shadow: 2px 2px 5px #f6f6f6;
  box-sizing: border-box;
  cursor: pointer;
  padding: 20px;
}
.public-goods .goods-list .list-time .time-info .info-top {
  position: relative;
}
.public-goods .goods-list .list-time .time-info .info-img {
  display: block;
  height: 200px;
  width: 100%;
}
.public-goods .goods-list .list-time .time-info .info-tag {
  box-sizing: border-box;
  left: 0;
  overflow: hidden;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 100%;
}
.public-goods .goods-list .list-time .time-info .info-tag .tag-right {
  float: right;
}
.public-goods .el-tag {
  background-color: rgba(0, 0, 0, .6);
  color: #fff;
  margin-left: 5px;
  line-height: 22px;
  padding: 2px 5px;
  font-size: 12px;
  border-radius: 5px;
  white-space: nowrap;
}
.public-goods .goods-list .list-time .time-info .info-name {
  background-color: rgba(0, 0, 0, .6);
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  font-weight: 700;
  height: 64px;
  left: 0;
  line-height: 22px;
  padding: 10px;
  position: absolute;
  width: 100%;
}
.public-goods .goods-list .list-time .time-info .info-name .name-text {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.public-goods .goods-list .list-time .time-info .info-user {
  color: #333;
  font-size: 12px;
  margin-top: 10px;
  position: relative;
}
.public-goods .goods-list .list-time .time-info .info-user .user-id {
  margin-bottom: 10px;
}
.public-goods .goods-list .list-time .time-info .info-user .user-text {
  line-height: 18px;
  margin-bottom: 5px;
  overflow: hidden;
}
.public-goods .goods-list .list-time .time-info .info-user .user-text.te {
  height: 36px;
}
.public-goods .goods-list .list-time .time-info .info-collect {
  background: url() 50% no-repeat;
  background-size: 24px;
  bottom: 0;
  display: block;
  height: 22px;
  position: absolute;
  right: 0;
  width: 24px;
}
.public-goods .goods-list .list-time .time-info .info-collect.active {
  background-image: url();
}
.public-goods .goods-list .list-time .time-info .info-user .user-text .text-color {
  color: #ff5722;
  font-size: 20px;
  font-weight: 500;
  padding: 0 3px;
}
.public-goods .goods-list .list-time .time-info .info-user .user-text .text-history {
  color: #a5a5a5;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.mobile .favorites .index-top,
.mobile .favorites .index-footer,
.mobile .favorites .copyright{
  display: none;
}
.mobile .favorites .home-index .content-box{
  margin: 0 0 50px 0;
}
.mobile .favorites .favorite-index .favorite-content{
  padding: 0 10px;
}
.mobile .favorites .public-goods{
  padding: 0;
}
.mobile .favorites .public-goods .goods-list .list-time{
  display: block;
  float: none;
}
.mobile .favorites .public-goods .goods-list .list-time .time-info{
  padding: 0;
}
.mobile .favorites .public-goods .goods-list .list-time .time-info .info-img{
  height: 100%;
}
.mobile .favorites .public-goods .goods-list .list-time .time-info .info-collect{
  top:0;
  bottom: inherit;
}
.personal-pulick .personal-pulick-content {
  margin: 20px;
}
.certification-top {
  background-color: #f8fbfd;
  border: 1px solid #e3e7ed;
  margin-bottom: 20px;
  padding: 9px 16px;
}
.certification-top .certification-status {
  color: #4a5263;
  display: inline-block;
  font-size: 12px;
}
.certification-top .certification-status .status-text {
  color: #fe5b28;
}
.el-form-item:after, .el-form-item:before {
  content: "";
  display: table;
}
.el-form{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.el-form--inline .el-form-item {
  margin-right: 10px;
  vertical-align: top;
  display: flex;
}
.el-form-item {
  margin-bottom: 22px;
}
.el-form-item__label {
  box-sizing: border-box;
  color: #606266;
  float: left;
  font-size: 14px;
  line-height: 40px;
  padding: 0 12px 0 0;
  text-align: right;
  vertical-align: middle;
  width: 180px;
}
.el-form--inline .el-form-item__label {
  display: inline-block;
  float: none;
}
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
  color: #f56c6c;
  content: "*";
  margin-right: 4px;
}
.el-form-item__content {
  font-size: 14px;
  line-height: 40px;
  position: relative;
}
.el-form--inline .el-form-item__content {
  display: inline-block;
  vertical-align: top;
}
.certification-public .certification-ipt, .certification-public .certification-uploader {
  width: 260px;
}
.el-upload {
  cursor: pointer;
  display: inline-block;
  outline: 0;
  text-align: center;
}
.certification-public .certification-uploader .uploader-img {
  border-radius: 10px;
  width: 100%;
}
.el-upload .el-upload__input, .el-upload input[type=file] {
    display: none;
}
.mobile .personal-pulick-content{
  margin: 0;
}
.mobile .personal-pulick-content .el-form {
  grid-template-columns: repeat(1, 1fr);
  padding: 10px;
  width: calc(100% - 40px);
}
.mobile .personal-pulick-content .el-form-item__label {
  width: 120px;
}
.mobile .certification-public .certification-ipt, 
.mobile .certification-public .certification-uploader{
  width: 100%;
}
.el-select {
  display: inline-block;
  position: relative;
}
.el-select>.el-input {
  display: block;
}
.el-input--suffix .el-input__inner {
  padding-right: 30px;
}
.el-select .el-input__inner {
  cursor: pointer;
  padding-right: 35px;
}
.el-icon-arrow-up{
  display: inline-block;
  width: 12px;
  height: 10px;
  background: url("./images/down.png") 0 0 no-repeat;
  background-size: 100%;
  margin-top: 14px;
  opacity: .6;
}
.el-input__suffix{
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  text-align: center;
  cursor: pointer;
}
.el-table__empty-block {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 60px;
  text-align: center;
  width: 100%;
}
.el-table__empty-text {
  color: #909399;
  line-height: 60px;
  width: 50%;
  font-size: 14px;
}